<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Pagina de Ejemplo</title>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>-->
    <script src="combos/jquery.js" type="text/javascript"></script>
</head>
<body>
    <table>
        <tr>
            <td align="left">
                Ingrese el numero de filas a crear en la tabla
            </td>
        </tr>
        <tr>
            <td align="left">
                <input id="txtNroFila" type="text" />
            </td>
            <td align="left">
                <input id="Button1" type="button" onclick="LlenarFila();" value="Llenar" />
            </td>
        </tr>
    </table>
    <table cellspacing="0" cellpadding="4" border="0" id="tblTabla" style="color: #333333;
        width: 100%; border-collapse: collapse;">
        <tr style="color: White; background-color: #5D7B9D; font-weight: bold;">
            <th align="left">
                Nro
            </th>
            <th align="left">
                Cantidad
            </th>
            <th align="left" scope="col">
                Valor
            </th>
        </tr>
    </table>

    <script language="javascript" type="text/javascript">
        function LlenarFila() {
            //Iniciamos esta linea para que el Jquery no tenga conflicto con otras librerias que tengas
            jQuery.noConflict();

            //Capturamos el Numero de filas en la variable
            var NroFila = document.getElementById("txtNroFila").value;
            var Cantidad = NroFila * NroFila + 1;
            var valor = Cantidad * 1300;

            //removemos las filas que pueda tener la tabla
            jQuery('#tblTabla tr').next().remove();

            //Recorremos el NroFila y vamos creando las filas
            for (var x = 0; x < NroFila; x++) {
                Cantidad = Cantidad + x;
                valor = valor * Cantidad;
                jQuery('#tblTabla tr:last').after('<tr>' +
                '<td align="left">' + x + '</td>' +
                '<td align="left">' + Cantidad + '</td>' +
                '<td align="left">' + valor + '</td></tr>');
            }
            //Colocamos algo de extra para colorear las filas :P
            jQuery('#tblTabla tr:odd').css('background-color', '#E9F0F8');
        }
    </script>
</body>
</html> 